﻿body
{
	background: #000;
	overflow: hidden;
}

#magazine
{
	width: 1000px;
	height: 500px;
	border: 1px solid;
}

	#magazine .turn-page
	{
		background: whitesmoke;
		background-size: 100% 100%;
	}

	#magazine .odd
	{
		background-image: -webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
		background-image: -moz-linear-gradient(left, #FFF 95%, #ddd 100%);
		background-image: -o-linear-gradient(left, #FFF 95%, #ddd 100%);
		background-image: -ms-linear-gradient(left, #FFF 95%, #ddd 100%);
	}

	#magazine .even
	{
		background-image: -webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
		background-image: -moz-linear-gradient(right, #FFF 95%, #ddd 100%);
		background-image: -o-linear-gradient(right, #FFF 95%, #ddd 100%);
		background-image: -ms-linear-gradient(right, #FFF 95%, #ddd 100%);
	}

	#magazine .hard
	{
		background: #ccc !important;
		color: #333;
		-webkit-box-shadow: inset 0 0 5px #666;
		-moz-box-shadow: inset 0 0 5px #666;
		-o-box-shadow: inset 0 0 5px #666;
		-ms-box-shadow: inset 0 0 5px #666;
		box-shadow: inset 0 0 5px #666;
		font-weight: bold;
	}

	#magazine .page-wrapper
	{
		-webkit-perspective: 2000;
		-moz-perspective: 2000;
		-ms-perspective: 2000;
		-o-perspective: 2000;
		perspective: 2000;
	}
